<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>产品中心</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/product.css">
        <script src="js/common/loading.js"></script>
        
    </head>
    <body>
        <div id="loadingDiv"></div>
        <div class="container">
            <header>
                <div class="top">
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo"></a>
                    <div class="flex flex-align-items flex-justify-content menuBtn border ready cursor">
                        <span></span>
                        <span></span>
                        <span></span>
                        <i class="hor tp"></i>
                        <i class="ver rht"></i>
                        <i class="hor btm"></i>
                        <i class="ver lft"></i>
                    </div>
                </div>
                <ul class='menu flex'>
                    <li>
                        <div class='box'>
                            <a href="index.html">首页</a>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="about.html">关于展鹏</a>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="product.html">产品中心</a>
                            <div class="sonMenu">
                                <a href="product.html">液压柱塞泵</a>
                                <a href="product.html">液压马达</a>
                                <a href="product.html">液压阀</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="news.html">新闻中心</a>
                            <div class="sonMenu">
                                <a href="news.html">公司新闻</a>
                                <a href="news.html">行业新闻</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="contact.html">联系我们</a>
                        </div>
                    </li>
                </ul>
                <div class="blkCover">
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                </div>
            </header>
            <main>
                
                <div class="proSwiper ready">
                    <div class="content">
                        
                        <div class="btns flex">
                            <p class="cursor prev"><img src="img/common/prev.png" alt="prev图标"></p>
                            <p class="cursor next"><img src="img/common/next.png" alt="next图标"></p>
                        </div>
                        <div class="choose">
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order">液压柱塞泵</p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order">液压马达</p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order">液压阀</p>
                            </div>
                        </div>
                        <div class=purpose>
                            <div class="item">
                                <p class=>01</p>
                                <p>用于开式回路</p>
                            </div>
                            <div class="item">
                                <p class=>02</p>
                                <p>用于开</p>
                            </div>
                            <div class="item">
                                <p class=>03</p>
                                <p>用于开式回路用开</p>
                            </div>
                        </div>
                        <div class="descFlip">
                            <div class="item">
                                <p class='itemTtl'>柱塞泵</p>
                                <ul>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                    <li>主要用于工程机械领域。</li>
                                    <li>多种控制,满足不同的操作要求。</li>
                                </ul>
                            </div>
                            <div class="item">
                                <p class='itemTtl'>马达</p>
                                <ul>
                                    <li>主要用于工程机械领域。</li>
                                    <li>多种控制,满足不同的操作要求。</li>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                </ul>
                            </div>
                            <div class="item">
                                <p class='itemTtl'>液压阀</p>
                                <ul>
                                    <li>多种控制,满足不同的操作要求。</li>
                                    <li>主要用于工程机械领域。</li>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                </ul>
                            </div>
                        </div>
                        <div class="opacitySwiper">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                        </div>
                    </div>
                    <div class="screenLines">
                        <i></i>
                        <i></i>
                        <i></i>
                        <i></i>
                        <i></i>
                        <i class="hor"></i>
                    </div>
                </div>
                <ul class='flex nav'>
                    <li><a href="product.html">所有产品</a></li>
                    <li><a href="product.html">液压柱塞泵</a></li>
                    <li><a href="product.html">液压马达</a></li>
                    <li><a href="product.html">液压阀</a></li>
                    <li><a href="product.html">液压柱塞泵</a></li>
                    <li><a href="product.html">液压马达</a></li>
                    <li><a href="product.html">液压阀</a></li>
                </ul>
                <div class="proList">
                    <div class="desc flex">
                        <a href='productInfo.html' class="pic">
                            <img src="img/index/yyzsb1.png" alt="product pic">
                        </a>
                        <a href="productInfo.html" class="txt">
                            <p class="name">液压柱塞泵</p>
                            <div class="t">
                                <p class='model'>A11V(L)O</p>
                                <p class='type'>变量柱塞泵</p>
                            </div>
                            <div class="link cursor">
                                <p class='flex flex-align-items flex-justify-content hvc'><img src="img/common/arrow.png" alt=""></p>
                            </div>
                        </a>
                    </div>
                    <div class="desc flex">
                        <a href='productInfo.html' class="pic">
                            <img src="img/index/yyzsb1.png" alt="product pic">
                        </a>
                        <a href="productInfo.html" class="txt">
                            <p class="name">液压柱塞泵</p>
                            <div class="t">
                                <p class='model'>A11V(L)O</p>
                                <p class='type'>变量柱塞泵</p>
                            </div>
                            <div class="link cursor">
                                <p class='flex flex-align-items flex-justify-content hvc'><img src="img/common/arrow.png" alt=""></p>
                            </div>
                        </a>
                    </div>
                    <div class="desc flex">
                        <a href='productInfo.html' class="pic">
                            <img src="img/index/yyzsb1.png" alt="product pic">
                        </a>
                        <a href="productInfo.html" class="txt">
                            <p class="name">液压柱塞泵</p>
                            <div class="t">
                                <p class='model'>A11V(L)O</p>
                                <p class='type'>变量柱塞泵</p>
                            </div>
                            <div class="link cursor">
                                <p class='flex flex-align-items flex-justify-content hvc'><img src="img/common/arrow.png" alt=""></p>
                            </div>
                        </a>
                    </div>
                    <div class="desc flex">
                        <a href='productInfo.html' class="pic">
                            <img src="img/index/yyzsb1.png" alt="product pic">
                        </a>
                        <a href="productInfo.html" class="txt">
                            <p class="name">液压柱塞泵</p>
                            <div class="t">
                                <p class='model'>A11V(L)O</p>
                                <p class='type'>变量柱塞泵</p>
                            </div>
                            <div class="link cursor">
                                <p class='flex flex-align-items flex-justify-content hvc'><img src="img/common/arrow.png" alt=""></p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="page flex-justify-content flex">
                    <a href="product.html" class="prev">
                        <img src="img/common/prev_blk.png" class='hvc blk' alt="prev">
                        <img src="img/common/prev.png" class='hvc' alt="prev">
                    </a>
                    <a href="product.html" class="current">1</a>
                    <a href="product.html">2</a>
                    <a class='unable' href="product.html">...</a>
                    <a href="product.html">6</a>
                    <a href="product.html" class="next">
                        <img src="img/common/next_blk.png" class='hvc blk' alt="next">
                        <img src="img/common/next.png" class='hvc' alt="next">
                    </a>
                </div>
            </main>
            <footer>
                <nav>
                    <a href="index.html">首页</a>
                    <a href="about.html">关于展鹏</a>
                    <a href="product.html">产品中心</a>
                    <a href="news.html">新闻中心</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p class='rs'>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/product.js"></script>
    </body>
</html>